<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
  <head>
    <th:block th:include="include :: header('查看云游展厅')" />
  </head>
  <body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
      <div class="form-horizontal">
        <div class="form-group">
          <label class="col-sm-3 control-label">展厅标题：</label>
          <div class="col-sm-8">
            <p class="form-control-static" th:text="${exhibition.title}"></p>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">展厅介绍：</label>
          <div class="col-sm-8">
            <p
              class="form-control-static"
              th:text="${exhibition.description}"
              style="white-space: pre-wrap"
            ></p>
          </div>
        </div>
        <div
          class="form-group"
          th:if="${exhibition.coverUrl != null and exhibition.coverUrl != ''}"
        >
          <label class="col-sm-3 control-label">封面图片：</label>
          <div class="col-sm-8">
            <img
              th:src="${exhibition.coverUrl}"
              style="max-width: 300px; max-height: 200px"
            />
          </div>
        </div>
        <div
          class="form-group"
          th:if="${exhibition.videoUrl != null and exhibition.videoUrl != ''}"
        >
          <label class="col-sm-3 control-label">视频文件：</label>
          <div class="col-sm-8">
            <video controls style="max-width: 500px; max-height: 300px">
              <source th:src="${exhibition.videoUrl}" type="video/mp4" />
              您的浏览器不支持视频播放。
            </video>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">状态：</label>
          <div class="col-sm-8">
            <span th:if="${exhibition.status == 1}" class="label label-success"
              >启用</span
            >
            <span th:if="${exhibition.status == 0}" class="label label-danger"
              >禁用</span
            >
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">创建时间：</label>
          <div class="col-sm-8">
            <p
              class="form-control-static"
              th:text="${#dates.format(exhibition.createTime, 'yyyy-MM-dd HH:mm:ss')}"
            ></p>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">创建者：</label>
          <div class="col-sm-8">
            <p class="form-control-static" th:text="${exhibition.createBy}"></p>
          </div>
        </div>
        <div class="form-group" th:if="${exhibition.updateTime != null}">
          <label class="col-sm-3 control-label">更新时间：</label>
          <div class="col-sm-8">
            <p
              class="form-control-static"
              th:text="${#dates.format(exhibition.updateTime, 'yyyy-MM-dd HH:mm:ss')}"
            ></p>
          </div>
        </div>
        <div
          class="form-group"
          th:if="${exhibition.updateBy != null and exhibition.updateBy != ''}"
        >
          <label class="col-sm-3 control-label">更新者：</label>
          <div class="col-sm-8">
            <p class="form-control-static" th:text="${exhibition.updateBy}"></p>
          </div>
        </div>
      </div>
    </div>
    <th:block th:include="include :: footer" />

    <script type="text/javascript">
      var prefix = ctx + "hui/interact/exhibition";

      function toClose() {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
      }

      $(document).ready(function () {
        // 页面加载完成后的初始化工作
        console.log("云游展厅详情页面加载完成");
      });
    </script>
  </body>
</html>
